import { StyleSheet } from 'react-native';

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center'
    // backgroundColor: '#333'
  },
  backgroundImage: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    width: null,
    height: null,
    // 不加这句，就是按照屏幕高度自适应
    // 加上这几，就是按照屏幕自适应
    // resizeMode:Image.resizeMode.contain,
    // 祛除内部元素的白色背景
    backgroundColor: 'rgba(0,0,0,0)'
  },
  input: {
    width: SCALE(580),
    height: SCALE(76),
    borderWidth: 0,
    borderColor: '#fff',
    backgroundColor: '#fff',
    borderRadius: 5,
    marginBottom: SCALE(10),
    fontSize: 16,
    padding: 0,
    paddingLeft: 8
  },
  logoWrap: {
    justifyContent: 'center',
    alignItems: 'center',
    width: SCALE(124),
    height: SCALE(124),
    marginTop: SCALE(100),
    borderRadius: 5,
    overflow: 'hidden'
  },
  logoText: {
    color: '#fff',
    marginTop: SCALE(20),
    marginBottom: SCALE(80),
    fontSize: 24
  },
  logo: {
    backgroundColor: '#fff',
    width: '100%',
    height: '100%',
  },
  btnWrap: {
    marginTop: SCALE(86),
    alignItems: 'center',
    // justifyContent: 'center'
  },
  loginButtonText: {
    fontSize: 18,
    color: '#fff'
  },
  loginButton: {
    backgroundColor: '#06569a',
    width: SCALE(580),
    height: SCALE(76),
    borderRadius: 5,
    justifyContent: 'center',
    alignItems: 'center',
    borderWidth: 0,
    // borderColor: '#105899'
  },
  forgetPassword: {
    // position: 'absolute',
    // right: -68,
    width: SCALE(580),
    marginTop: SCALE(16),
    paddingRight: 5,
    textAlign: 'right',
    color: '#fff',
    fontSize: 16
  },
  form: {
    justifyContent: 'center',
    alignItems: 'center'
  },
  registerWrap: {
    display: 'flex',
    marginTop: SCALE(160),
    alignItems: 'center',
    flexDirection: 'row'
  },
  registerButton: {
    paddingLeft: 3,
    paddingRight: 3,
    paddingTop: 2,
    paddingBottom: 2,
    borderColor: '#fff',
    borderWidth: 1,
    borderStyle: 'solid',
    borderRadius: 5
  },
  registerText: {
    color: '#fff',
    fontSize: 14,
  },
  telButton: {
    marginTop: 8,
    color: '#fff',
    fontSize: 14
  }
});

export default styles;
